@charset "utf-8";

/*	-------------------------------------------------------------
    Lovely CSS - A CSS framework by Constantinos Demetriadis
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    URL:            www.ohmylovely.com/css-framework/
    Description:	Development Module
    Author:			Constantinos Demetriadis

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SVN Repository Info

	$Id: plg.development.css 265M 2009-05-04 20:09:30Z (local) $
	$URL: https://lovely-css.googlecode.com/svn/trunk/lovely-css/plug-ins/plg.development.css $
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Installation

	Add this line in your HTML:
		@import url("./lovely-css/plug-ins/plg.development.css");
	
	Add the "grid-dev" class to your gridContainer div
		<div class="gridContainer-16 grid-dev">
		
			Content
		
		</div>

	*/
	
		.grid-dev {
			background-color: #f6f6f6; }
			
			
/*	-------------------------------------------------------------
	2 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-2.grid-dev {
			background-image: url(../../_assets/dev-bg-2.png); }
		.gridContainer-2.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-2-p5.png); }
		.gridContainer-2.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-2-p10.png); }

/*	-------------------------------------------------------------
	3 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-3.grid-dev {
			background-image: url(../../_assets/dev-bg-3.png); }
		.gridContainer-3.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-3-p5.png); }
		.gridContainer-3.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-3-p10.png); }

/*	-------------------------------------------------------------
	4 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-4.grid-dev {
			background-image: url(../../_assets/dev-bg-4.png); }
		.gridContainer-4.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-4-p5.png); }
		.gridContainer-4.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-4-p10.png); }
		
/*	-------------------------------------------------------------
	5 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-5.grid-dev {
			background-image: url(../../_assets/dev-bg-5.png); }
		.gridContainer-5.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-5-p5.png); }
		.gridContainer-5.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-5-p10.png); }

/*	-------------------------------------------------------------
	6 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-6.grid-dev {
			background-image: url(../../_assets/dev-bg-6.png); }
		.gridContainer-6.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-6-p5.png); }
		.gridContainer-6.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-6-p10.png); }

/*	-------------------------------------------------------------
	8 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-8.grid-dev {
			background-image: url(../../_assets/dev-bg-8.png); }
		.gridContainer-8.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-8-p5.png); }
		.gridContainer-8.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-8-p10.png); }
		
/*	-------------------------------------------------------------
	10 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-10.grid-dev {
			background-image: url(../../_assets/dev-bg-10.png); }
		.gridContainer-10.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-10-p5.png); }
		.gridContainer-10.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-10-p10.png); }
		
/*	-------------------------------------------------------------
	12 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-12.grid-dev {
			background-image: url(../../_assets/dev-bg-12.png); }
		.gridContainer-12.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-12-p5.png); }
		.gridContainer-12.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-12-p10.png); }
			
/*	-------------------------------------------------------------
	16 Grid Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.gridContainer-16.grid-dev {
			background-image: url(../../_assets/dev-bg-16.png); }
		.gridContainer-16.pad-5.grid-dev {
			background-image: url(../../_assets/dev-bg-16-p5.png); }
		.gridContainer-16.pad-10.grid-dev {
			background-image: url(../../_assets/dev-bg-16-p10.png); }
			